<template>
<div class="guahao04">
  <div class="head">
    <div class="header">
      <i class="iconfont icon-msnui-left-arrow-round" @click="goGuahao03"></i>
      <span class="span">呼吸内科</span>
      <div class="right"></div>
    </div>

    <div class="classification">
      <div class="main">
        <div class="left">按专家预约</div>
        <div class="right">按时间预约</div>
      </div>
    </div>
    <ul class="date">
      <li class="li">
        <p class="p1">周一</p>
        <p class="p2">02-05</p>
      </li>
      <li class="li">
        <p class="p1">周一</p>
        <p class="p2">02-05</p>
      </li>
      <li class="li">
        <p class="p1">周一</p>
        <p class="p2">02-05</p>
      </li><li class="li">
      <p class="p1">周一</p>
      <p class="p2">02-05</p>
    </li>
      <li class="li">
        <p class="p1">周一</p>
        <p class="p2">02-05</p>
      </li>
    </ul>
  </div>

  <div class="doctorList">
    <div class="oneDoctor" @click="goGuahao05">
      <img src="/static/img/index/22.jpg" alt="" class="img">
      <div class="right">
        <div class="top">
          <span class="span1">杨岚</span>
          <span class="span2">主任医师</span>
          <span class="span3">预约</span>
        </div>
        <div class="center">
          <span class="span1"></span>
          <span class="span2">暂无</span>
          <span class="span3">接诊量6</span>
        </div>
        <p class="bottom">擅长：慢性阻塞性肺疾病、重症肺炎、支气管哮喘等呼吸疑难病症、不明原因发热、肺间质改变、重症肺部感染、慢性阻塞性肺疾病及呼吸衰竭等诊断和治疗</p>
      </div>
    </div>
    <div class="oneDoctor">
      <img src="/static/img/index/22.jpg" alt="" class="img">
      <div class="right">
        <div class="top">
          <span class="span1">杨岚</span>
          <span class="span2">主任医师</span>
          <span class="span3">预约</span>
        </div>
        <p class="bottom">擅长：慢性阻塞性肺疾病、重症肺炎、支气管哮喘等呼吸疑难病症、不明原因发热、肺间质改变、重症肺部感染、慢性阻塞性肺疾病及呼吸衰竭等诊断和治疗</p>
        <div class="centerD">2018-02-05 下午 普通</div>
      </div>
    </div>
  </div>
</div>
</template>

<script>
    export default {
        name: '',
        data() {
            return {
              dataer:null,
              hNum:null
            }
        },
        methods:{
          goGuahao03:function(){
            this.$router.push("/guahao03/0")
          },
          goGuahao05:function(){
            this.$router.push("/guahao05")
          }
        },
      created:function(){
        let idx= this.$route.params.hNum
        this.hNum=idx
        this.$store.dispatch('getdata')
        this.dataer=this.$store.state.data.hospital[idx].hDepartment
        console.log(this.dataer)
      }
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
@import "../assets/css/guahao04.css";
</style>
